<template>
	<view>
		<view class="subject">
			<view class="mt20 mb20">
				<coupon :showUseBtn="showUseBtn" :discount="couData"></coupon>
			</view>
		</view>
		<view class="ruleInfo">
			<view class="ruleTit">使用须知</view>
			<view class="ruledeta">
				<view class="c9 fs26 lH42">
					<view>
						1、使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明.
					</view>
					<view>
						2、使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明。
					</view>
					<view>
						3、使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明。
					</view>
					<view>
						4、使用规则说明使用规则说明使用规则说明。
					</view>
					<view>
						5、使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明使用规则说明。
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import coupon from "../../components/orderitems/coupon.vue"
	export default {
		components: {
			coupon
		},
		data() {
			return {
				showUseBtn: false,
				couData: {
					id: 20200915,
					name: "叠加券（满300使用）",
					amount: "15",
					sTime: "2020.03.11",
					eTime: "2020.08.24",
					status: 0
				}
			}
		}
	}
</script>

<style scoped>
	.subject {
		padding: 0 20rpx;
	}

	.ruleInfo {
		height: 982rpx;
		padding: 32rpx;
		background: #FFFFFF;
	}

	.ruledeta view {
		margin-top: 20rpx;
	}
</style>
